<script setup lang="ts">
import Headers from "./components/header.vue";
import Index from "./components/index.vue";
import Footers from "./components/footer.vue";
import Loading from "@/components/page/loading.vue";
import { dataLocal } from "@/store/store.ts";

import Base from "@/base/index.vue";
console.log(dataLocal);
</script>

<template>
  <Loading />

  <div class="jobs" v-cloak>
    <Headers />
    <Index />
    <Footers />
  </div>

  <Base v-if="!false" />
</template>

<style scoped lang="less">
.jobs {
  background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, 0.6)
    ),
    #ededed;
  background-blend-mode: soft-light, normal;
}
[v-cloak] {
  display: none;
}
</style>
